<!-- @format -->

<script setup lang="ts">
import Background from "../Background/Background.vue"
const props = defineProps({
    title: {
        type: String,
        default: "new page",
    },

    nav: {
        type: Boolean,
        default: false,
    },
    tab: {
        type: Boolean,
        default: false,
    },
})
// let bgTextStyle = "dark"
// let scrollTop = "200rpx"
// let bgColor = "#ff0000"
// let bgColorTop = "#00ff00"
// let bgColorBottom = "#0000ff"
// let nbTitle = "标题"
// let nbLoading = false
// let nbFrontColor = "#000000"
// let nbBackgroundColor = "#567"
import { ref } from "vue"
const theme = ref({
    color: "red",
    title: "标题",
})
</script>

<template>
    <!-- <page-meta>
        <navigation-bar
            :title="title"
            :loading="false"
            :front-color="'#333'"
            :background-color="'#567'"
        />
    </page-meta> -->
    <view class="page">
        <!-- 背景 -->
        <background :text="title" />
        <!-- 内容 -->
        <slot class="content"></slot>
        <!-- 页脚 -->
        <footer>copyright © 2025 - 2030</footer>
        <!-- <custom-tab-bar
            direction="horizontal"
            show-icon="true"
            :selected="0"
            @onTabItemTap=""
        >
        </custom-tab-bar> -->
    </view>
</template>

<style scoped lang="scss">
// $theme_color: #567;
page,
.page {
    // box-sizing: border-box;
    position: relative;
    padding: 6px;
    width: 100vw;
    /* #ifdef H5 */
    // height: 100vh -  - 112rpx;
    /* #endif */
    height: 100vh;

    // height: 100%;
    overflow: scroll;
    .content {
    }

    footer {
    }
}
</style>
